<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>选择用户</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/chooseserviceuser.css" />
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content contentBox">
            <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
            </div>

            <!-- 搜索 -->
            <div class="aui-searchbar" id="search">
                <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                    <i class="icon iconfont icon-sousuo"></i>
                    <input v-model="form.keywords"  type="search" placeholder="姓名" id="search-input">
                    <div class="aui-searchbar-clear-btn" style="top:12px">
                        <i class="icon iconfont icon-guanbi"></i>
                    </div>
                </div>
                <div class="aui-searchbar-btn" tapmode></div>
            </div>
            <!-- 人员 -->
            <div class="aui-list">
            <div v-for="(item2,index2) in list" class="aui-list-item" style="display: block;" v-on:click="doChoosUser(item2)">
                <div class="aui-media-list-item-inner ptb " v-bind:class="{'border-bottomLine':index2<list.length-1}">
                    <div class="aui-list-item-media">
                        <div class="photo-content">
                            <div>
                                <img v-if="item2.HeadImg==''||item2.HeadImg==undefined||item2.HeadImg=='undefined'" class="photo-bg" src="https://atts.w3cschool.cn/attachments/image/cimg/demo3.png">                                               
                                <img v-if="item2.HeadImg!=''&&item2.HeadImg!=undefined&&item2.HeadImg!='undefined'" class="photo-bg" :src="item2.HeadImg" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="aui-list-item-inner aui-padded-t-10 aui-padded-b-10" style="display: block;">
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-title pr20">
                                <ul class="aui-list-view aui-thumb-view">
                                    <li class="aui-list-view-cell aui-img aui-col-xs-4 new-col-xs4">
                                        {{item2.UserName}}
                                    </li>
                                </ul>
                            </div>
                            <div class="aui-list-item-right">
                                <input v-if="source!='chooseuser'"  type="checkbox" class="aui-checkbox  new-right-list" v-bind:checked="item2.isselected">
                                <input v-if="source=='chooseuser'" type="radio" name="radioRight" class="aui-radio  new-right-list" v-bind:checked="item2.isselected">
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
            <!--人员选择-->
            <!-- <div v-if="list.length>0" v-for="(item,index) in list" class="aui_list boxarea mb20">
                <div class="">
                    <div class="aui-list">
                        <div class="aui-list-item">
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-title">{{item.titleName==''?'无':item.titleName}} <label class="ccc fr">{{item.children.length}}</label></div>
                                <div class="aui-list-item-right" v-on:click="show_morehistory(item)">
                                    <i  v-if="item.isopen" class="icon iconfont icon-shangjiantou"></i>
                                    <i v-if="!item.isopen" class="icon iconfont icon-down"></i>
                                </div>
                            </div>
                        </div>
                        <div v-if="item.isopen">
                            <div v-for="(item2,index2) in item.children" class="aui-list-item" style="display: block;" v-on:click="doChoosUser(item2)">
                                <div class="aui-media-list-item-inner ptb " v-bind:class="{'border-bottomLine':index2<item.children.length-1}">
                                    <div class="aui-list-item-media">
                                        <div class="photo-content">
                                            <div>
                                                <img v-if="item2.headImg==''||item2.headImg==undefined||item2.headImg=='undefined'" class="photo-bg" src="https://atts.w3cschool.cn/attachments/image/cimg/demo3.png">                                               -->
                                                <!-- <img v-if="item2.headImg!=''&&item2.headImg!=undefined&&item2.headImg!='undefined'" class="photo-bg" :src="item2.headImg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="aui-list-item-inner aui-padded-t-10 aui-padded-b-10" style="display: block;">
                                        <div class="aui-list-item-text">
                                            <div class="aui-list-item-title pr20">
                                                <ul class="aui-list-view aui-thumb-view">
                                                    <li class="aui-list-view-cell aui-img aui-col-xs-4 new-col-xs4">
                                                        {{item2.realName}}
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="aui-list-item-right">
                                                <input v-if="source!='chooseuser'"  type="checkbox" class="aui-checkbox  new-right-list" v-bind:checked="item2.isselected">
                                                <input v-if="source=='chooseuser'" type="radio" name="radioRight" class="aui-radio  new-right-list" v-bind:checked="item2.isselected">
                                            </div>

                                        </div>
                                        <div class="aui-list-item-text">
                                            <div class="aui-ellipsis-2">{{item2.titleName==''?'无':item2.titleName}}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    <!-- </div>

                </div>
            </div> --> 

        </section>

        <!--底部弹出-->
        <div v-if="showchoose" class="choose-list">
            <div class="choose-header border-bottomLine">
                已选：{{chooseList.length}} 人
                <label class="header-close">
                    <i v-on:click="showChooseAll()" class="icon iconfont icon-shoulishibaiicon fr"></i>
                </label>

            </div>

            <div v-if="chooseList.length>0" class="aui-content aui-margin-b-15 pt50">
                <ul class="aui-list aui-media-list">
                    <li v-for="(item,index) in chooseList" class="aui-list-item" v-bind:class="{'border-bottomLine':index<chooseList.length-1}">
                        <div class="aui-media-list-item-inner ptb">
                            <div class="aui-list-item-media ">
                                <div class="photo-content">
                                    <div>
                                        <img v-if="item.HeadImg==''||item.HeadImg==undefined||item.HeadImg=='undefined'" class="photo-bg" src="https://atts.w3cschool.cn/attachments/image/cimg/demo3.png">
                                        <img v-if="item.HeadImg!=''&&item.HeadImg!=undefined&&item.HeadImg!='undefined'" class="photo-bg" :src="item.HeadImg" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-text">
                                    <div class="aui-list-item-title">
                                        <ul class="aui-list-view aui-thumb-view">
                                            <li class="aui-list-view-cell aui-img aui-col-xs-4 new-col-xs4">
                                                {{item.UserName}}
                                            </li>
                                        </ul>
                                    </div>
                                    <div v-on:click="doChoosUser(item)" class="aui-list-item-right">
                                        <label class="btn-del-show text-blue"> <i class="icon iconfont icon-shanchu "></i> 移除</label>
                                    </div>
                                </div>
                                <!-- <div class="aui-list-item-text">
                                    {{item.titleName==''?'无':item.titleName}}
                                </div> -->
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <div v-if="showchoose&&ServiceType==3" class="choose-list">
            <div class="choose-header border-bottomLine">
                已选：{{chooseList.length}} 人
                <label class="header-close">
                    <i v-on:click="showChooseAll()" class="icon iconfont icon-shoulishibaiicon fr"></i>
                </label>

            </div>

            <div v-if="chooseList.length>0" class="aui-content aui-margin-b-15 pt50">
                <ul class="aui-list aui-media-list">
                    <li v-for="(item,index) in chooseList" class="aui-list-item" v-bind:class="{'border-bottomLine':index<chooseList.length-1}">
                        <div class="aui-media-list-item-inner ptb">
                            <div class="aui-list-item-media ">
                                <div class="photo-content">
                                    <div>
                                        <img v-if="item.HeadImg==''||item.HeadImg==undefined||item.HeadImg=='undefined'" class="photo-bg" src="https://atts.w3cschool.cn/attachments/image/cimg/demo3.png">
                                        <img v-if="item.HeadImg!=''&&item.HeadImg!=undefined&&item.HeadImg!='undefined'" class="photo-bg" :src="item.HeadImg" alt="">
                                    </div>
                                    <!--<div v-if="item.position!=''" class="photo-text">{{item.position}}</div>-->
                                </div>
                            </div>
                            <div class="aui-list-item-inner">
                                <div class="aui-list-item-text">
                                    <div class="aui-list-item-title">
                                        {{item.text}}
                                        <a class="phone_a text-blue" v-on:click="tel_phone(item)">{{item.phone}}</a>
                                    </div>
                                    <div v-on:click="doChoosUser(item)" class="aui-list-item-right">
                                        <label class="btn-del-show text-blue"> <i class="icon iconfont icon-shanchu "></i> 移除</label>
                                    </div>
                                </div>
                                <div class="aui-list-item-text">
                                    {{item.position==''?'无':item.position}}
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!--底部按钮-->
        <div v-if="source!='chooseuser'" class="aui_bottom">
            <div v-on:click="showChooseAll()" class="left-btn">
                已选：{{chooseList.length}} 人
                <i v-if="showchoose" class="icon iconfont icon-shangjiantou"></i>
                <i v-if="!showchoose" class="icon iconfont icon-down"></i>
            </div>
            <div v-on:click="do_save()" class="right-btn">提交</div>
        </div>

        <div v-if="source=='chooseuser'&&zxtype==0" class="aui_bottom">
            <div class="aui_bottombtn" v-on:click="toChooseUser()">提交</div>
        </div>
        <div v-if="source=='chooseuser'&&zxtype==1" class="aui_bottom">
            <div class="aui_bottombtn" v-on:click="tozhuanjiao()">转交</div>
        </div>

    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-collapse.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="js/chooseperson.js"></script>

</html>
